<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>非正常人类研究中心</title>

    <!--  浏览器页签角标图片  -->
    <link rel="shortcut icon"  href="lib/img/75976800.jpeg" >

    <link rel='stylesheet prefetch' href='css/bootstrap.min.css'>
    <link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css">
    <link rel="stylesheet" href="css/style.css">
    <!--[if IE]>
    <script src="js/html5shiv.min.js"></script>
    <![endif]-->
</head>
<body>
<!-- <div class="htmleaf-container">
    <header class="htmleaf-header">
        <h1>超酷Bootstrap 3 隐藏滑动侧边栏菜单 <span>Awesome Bootstrap 3 Sidebar Navigation</span></h1>
        <div class="htmleaf-links">
            <a class="htmleaf-icon icon-htmleaf-home-outline" href="https://www.htmleaf.com/" title="jQuery之家" target="_blank"><span> jQuery之家</span></a>
            <a class="htmleaf-icon icon-htmleaf-arrow-forward-outline" href="https://www.htmleaf.com/jQuery/Menu-Navigation/201610124098.html" title="返回下载页" target="_blank"><span> 返回下载页</span></a>
        </div>
    </header>
</div> -->
<div id="wrapper">
    <div class="overlay"></div>

    <!-- Sidebar -->
    <nav class="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper" role="navigation">
        <ul class="nav sidebar-nav">
            <li class="sidebar-brand">
                <a href="#">
                    Bootstrap 3
                </a>
            </li>
            <li>
                <a href="#"><i class="fa fa-fw fa-home"></i> Home</a>
            </li>
            <li>
                <a href="#" onclick="aaaaa(this)"><i class="fa fa-fw fa-folder"></i> 第一页</a>
            </li>
            <li>
                <a href="#"><i class="fa fa-fw fa-file-o"></i> 第二页</a>
            </li>
            <li>
                <a href="#"><i class="fa fa-fw fa-cog"></i> 第三页</a>
            </li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-plus"></i> 下拉 <span class="caret"></span></a>
                <ul class="dropdown-menu" role="menu">
                    <li class="dropdown-header">下拉标题</li>
                    <li><a href="#">行动</a></li>
                    <li><a href="#">另一个行动</a></li>
                    <li><a href="#">这里还有一些东西</a></li>
                    <li><a href="#">分离链接</a></li>
                    <li><a href="#">另一个单独的链接</a></li>
                </ul>
            </li>
            <li>
                <a href="#"><i class="fa fa-fw fa-bank"></i> 第四页</a>
            </li>
            <li>
                <a href="#"><i class="fa fa-fw fa-dropbox"></i> 第五页</a>
            </li>
            <li>
                <a href="#"><i class="fa fa-fw fa-twitter"></i> 最后一页</a>
            </li>
        </ul>
    </nav>
    <!-- /#sidebar-wrapper -->

    <!-- Page Content -->
    <div id="page-content-wrapper">
        <button type="button" class="hamburger is-closed animated fadeInLeft" data-toggle="offcanvas">
            <span class="hamb-top"></span>
            <span class="hamb-middle"></span>
            <span class="hamb-bottom"></span>
        </button>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <h1 class="page-header">非正常人类研究中心</h1>
                        <p class="lead">下面展示的是非正常人类研究中心近三十年的研究成果</p>
                        <p>此患者脑壳不正常20余年，最近逃离非正常人类研究中心，还请广大市民小心防范</p>
                        <img class="ttt1" width="80px" height="80px" src="img/jxw.jpg" />
                        <br><br><br>


                    <a href="https://r-ddz.github.io/">首页</a><br>
                    <a href="./demo/js-xlsx/index.html">导出演示</a><br>


                    <a href="http://www.jq22.com"  target="_blank">jQuery插件库</a><br>



<!--                    <p class="lead">内容内容 <a href="https://bootsnipp.com/maridlcrmn" target="_blank">超链接</a> 内容内容</p>-->
<!--                    <p>内容内容</p>-->
<!--                    <p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>-->
<!--                    <p>内容内容</p>-->
<!--                    <h3>首页h3标题</h3>-->
<!--                    <p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>-->
<!--                    <blockquote>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</blockquote>-->
<!--                    <p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>-->
<!--                    <p>内容内容</p>-->
<!--                    <h3>首页h3标题</h3>-->
<!--                    <p>内容内容</p>-->
<!--                    <p>内容内容</p>-->
<!--                    <p>内容内容</p>-->
<!--                    <p>内容内容</p>-->
                </div>
            </div>
        </div>
    </div>
    <!-- /#page-content-wrapper -->

</div>
<!-- /#wrapper -->

<script src="js/jquery.min.js" type="text/javascript"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')</script>
<script src='js/bootstrap.min.js'></script>
<script type="text/javascript">
    $(document).ready(function () {
        var trigger = $('.hamburger'),
            overlay = $('.overlay'),
            isClosed = false;

        trigger.click(function () {
            hamburger_cross();
        });

        function hamburger_cross() {

            if (isClosed == true) {
                overlay.hide();
                trigger.removeClass('is-open');
                trigger.addClass('is-closed');
                isClosed = false;
            } else {
                overlay.show();
                trigger.removeClass('is-closed');
                trigger.addClass('is-open');
                isClosed = true;
            }
        }

        $('[data-toggle="offcanvas"]').click(function () {
            $('#wrapper').toggleClass('toggled');
        });
    });
</script>
<script src="js/test.js"></script>
</body>
</html>